<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>商品详情</title>
		<link rel="stylesheet" type="text/css" href="css/common.css"/>
		<link rel="stylesheet" type="text/css" href="css/pro_details.css"/>
		<link rel="stylesheet" type="text/css" href="css/sidebar.css"/>
	</head>
	<body>
		<div class="header">
		    <div class="top">
		    	<div class="content">
		    		<div class="service">
		    			<ul>
		    			    <li>
		    				    <span>客户服务</span>
		    				    <img src="img/sanjiaoxing.png"/>
		    			    </li>
		    			    <li>
		    			    	<span>关注杰朴森商城</span>
		    			    	<img src="img/sanjiaoxing.png"/>
		    			    </li>
		    		    </ul>
		    		</div>
		    		<div class="info">
		    			<ul>
		    				<li><a href="">登录</a></li>
		    				<li><a href="">注册</a></li>
		    				<li><a href="">我的订单</a></li>
		    				<li><a href="">今日进价</a></li>
		    				<li><a href="">我的购物车（3）</a></li>
		    			</ul>
		    		</div>
		    	</div>
		    </div>
		    <div class="center">
		    	<div class="logo">
		    		<a href="index.html"><img src="img/logo.png"/></a>
		    		<p><a href="index.html">杰朴森</a></p>
		    	</div>
		    	<div class="search">
		    		<div class="search-panel">
		    			<form action="">
		    			    <div class="sea">
		    				    <input type="search" name="" id="" value="" />
		    				    <div class="sea-hide">
		    				        <img src="img/fangdajing.png"/>
		    				         <p>搜索商品/店铺</p>	
		    				    </div>
		    			    </div>
		    			    <div class="sub">
		    				    <input type="submit" name="" id="" value="搜索" />
		    			    </div>
		    		    </form>
		    		</div>
		    		<ul>
		    			<li><a href="">TPE瑜伽垫</a></li>
		    			<li><a href="">橡胶瑜伽垫</a></li>
		    			<li><a href="">瑜伽服</a></li>
		    			<li><a href="">瑜伽毯</a></li>
		    			<li><a href="">健身球</a></li>
		    			<li><a href="">瑜伽球</a></li>
		    		</ul>
		    	</div>
		    </div>
		    <div class="nav">
		    	<div class="nav-con">
		    		<ul>
			    		<li><a href="">首页</a></li>
			    		<li><a href="">瑜伽垫专区</a></li>
			    		<li><a href="">瑜伽球专区</a></li>
			    		<li><a href="">瑜伽辅具&健生器材</a></li>
			    		<li><a href="">瑜伽健身服</a></li>
			    		<li><a href="">PU橡胶垫</a></li>
			    		<li><a href="">印花橡胶垫</a></li>
		    	    </ul>
		    	</div>
		    	
		    </div>
		</div>
		<div class="middle">
			<div class="detail">
				<div class="gallery">
					<div class="clear"><img src="img/pro-detail_.jpg"/></div>
					<div class="thumb-content">
						<ul>
							<li><img src="img/pro-detail_01.jpg"/></li>
							<li><img src="img/pro-detail_02.jpg"/></li>
							<li><img src="img/pro-detail_04.jpg"/></li>
							<li><img src="img/pro-detail_0.jpg"/></li>
							<li><img src="img/pro-detail_06.jpg"/></li>
						</ul>
					</div>
					<div class="info">
						<span>商品编号：956023645</span>
						<a href="">
							<i><img src="img/pro-detail-shoucang1.jpg"/></i>
							<span>收藏商品</span>
						</a>
					</div>
				</div>
				<div class="property">
					<h3>
						2018春夏新款瑜伽服套装女专业运动健身房晨跑步服宽松速干衣显瘦
					</h3>
					<div class="price-panel">
						<div class="promotion-price">
							<em>￥</em>
							<span>346</span>
						</div>
						<div class="discount">3.4折</div>
						<div class="ori-price">
							<em>￥</em>
							<span>960</span>
						</div>
						<p><span>折扣</span>购物即享6折优惠</p>
					</div>
					<form action="">
						<dl class="distribution">
							<dt>配送</dt>
							<dd><select name="" >
									<option value="">请选择省市区</option>
									<option value="">北京</option>
									<option value="">上海</option>
									<option value="">广州</option>
								</select>
							</dd>
						</dl>
						<dl class="freight">
							<dt>运费</dt>
							<dd><span>免运费</span>（订单满288免运费）</dd>
						</dl>
						<dl class="size">
							<dt>尺码</dt>
							<dd><ul>
									<li>S</li>
									<li>M</li>
									<li>L</li>
									<li>XL</li>
								</ul>
							</dd>
						</dl>
						<dl class="color-type">
							<dt>颜色分类</dt>
							<dd>
								<ul>
									<li><img src="img/pro-detail_01.jpg"/></li>
									<li><img src="img/pro-detail_02.jpg"/></li>
									<li><img src="img/pro-detail_04.jpg"/></li>
									<li><img src="img/pro-detail_0.jpg"/></li>
									<li><img src="img/pro-detail_06.jpg"/></li>
								</ul>
							</dd>
						</dl>
						<dl class="num">
							<dt>数量</dt>
							<dd class="sel-num">
								<a class="reduce" href="">-</a>
								<input type="" name="" id="" value="1" />
								<a class="add" href="">+</a>
							</dd>
							<dd class="stock">库存：568948件</dd>
						</dl>
						<button type="button" class="btn">加入购物车</button>
						<button type="submit" class="sub">立即购买</button>
					</form>
					<div class="obtain">购买最多可获得444个金币</div>
					<div class="serve">
						<ul>
							<li>服务 承诺</li>
							<li>
								<a href="">正品保证</a>
							</li>
							<li>
								<a href="">极速退款</a>
							</li>
							<li>
								<a href="">赠运费险</a>
							</li>
							<li>
								<a href="">七天无理由退换</a>
							</li>
							<li>
								支付方式
								<img src="img/jiantou1_03.jpg"/>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<div class="shop-hot">
				<div class="tit">
					<img src="img/index_27.jpg"/>
					<h1>热门商品</h1>
					<div class="line-left">
						<div class="line-top"></div>
						<div class="line-bottom"></div>
					</div>
					<div class="line-right">
						<div class="line-top"></div>
						<div class="line-bottom"></div>
					</div>
				</div>
				<div class="grid">
					<ul>
							<li>
								<div class="pic">
									<a href=""><img src="img/index_96.jpg"/></a>
								</div>
								<div class="info">
									<div class="price">
										<span>￥</span>
										<strong>79.80</strong>
									</div>
									<div class="service-free">包邮</div>
									<div class="quantity">155457付款</div>
									<p class="name"><a href="">瑜伽服女秋冬季外套大码宽松速干上衣晨跑专业健身服跑步运动套装</a></p>
									<div class="location">浙江 宁波</div>
								</div>
							</li>
							<li>
								<div class="pic">
									<a href=""><img src="img/index_98.jpg"/></a>
								</div>
								<div class="info">
									<div class="price">
										<span>￥</span>
										<strong>120.0</strong>
									</div>
									<div class="service-free">包邮</div>
									<div class="quantity">155457付款</div>
									<p class="name"><a href="">新品秋冬瑜伽服套装瑜珈服女士显瘦健身服愈加服舞蹈服长袖三件套</a></p>
									<div class="location">广东 广州</div>
								</div>
							</li>
							<li>
								<div class="pic">
									<a href=""><img src="img/index_100.jpg"/></a>
								</div>
								<div class="info">
									<div class="price">
										<span>￥</span>
										<strong>108.0</strong>
									</div>
									<div class="service-free">包邮</div>
									<div class="quantity">235456付款</div>
									<p class="name"><a href="">运动健身服女瑜伽服套装2017秋冬新款健身房跑步锻炼宽松速干上衣</a></p>
									<div class="location">广东 福田</div>
								</div>
							</li>
						</ul>
				</div>
			</div>
			<div class="ETab">
				<div class="tabBarBox">
					<ul>
						<li class="current">商品详情</li>
						<li>累计评价（125）</li>
						<li>商品咨询</li>
						<li>关于我们</li>
					</ul>
				</div>
				<div class="rate-header">
					<div class="brand-name">品牌名称：C&SCILT</div>
					<p>产品参数：</p>
					<ul>
						<li>上市时间：2017年秋季</li>
						<li>品牌: C&Scott</li>
						<li>适用人群: 女性</li>
						<li>颜色分类：灰色套装+送臂包  蓝色套装...</li>
						<li>货号: JW02\JW023\JW035</li>
						<li>上下装分类: 套装</li>
						<li>尺码：S  M  L  XL</li>
						<li>适用对象: 女</li>
					</ul>
				</div>
				<div class="detail-content">
					<div class="pro-attributes">
						<img src="img/pro_details_03.jpg"/>
						<img src="img/pro_details_05.jpg"/>
					</div>
					<div class="fabric-display">
						<img src="img/pro_details_07.jpg"/>
					</div>
					<div class="product-description">
						<img src="img/pro_details_08.jpg"/>
					</div>
					<div class="color-display">
						<img src="img/pro_details_10.jpg"/>
						<img src="img/pro_details_13.jpg"/>
						<img src="img/pro_details_16.jpg"/>
					</div>
					<div class="model-show">
						<img src="img/pro_details_18.jpg"/>
						<img src="img/pro_details_21.jpg"/>
						<img src="img/pro_details_25.jpg"/>
					</div>
					<div class="detail-display">
						<img src="img/pro_details_27.jpg"/>
					</div>
				</div>
			</div>
		</div>
		<div class="footer">
			<div class="jps-ensure">
				<ul>
					<li>
						<a class="ensure-tit" href="">优</a>
						<h2><a href="">品质保障</a></h2>
						<p><a href="">品质护航 购物无忧</a></p>
					</li>
<li>
						<a class="ensure-tit" href="">五</a>
						<h2><a href="">五天无理由退换货</a></h2>
						<p><a href="">为你提供售后无忧保障</a></p>
					</li>
<li>
						<a class="ensure-tit" href="">特</a>
						<h2><a href="">特色服务体验</a></h2>
						<p><a href="">为你呈现不一样的服务</a></p>
					</li>
<li>
						<a class="ensure-tit" href="">帮</a>
						<h2><a href="">帮助中心</a></h2>
						<p><a href="">你的购物方向</a></p>
					</li>
				</ul>
			</div>
			<div class="jps-help">
				<div class="jps-public">
					<a href=""><img src="img/index_106.jpg"/></a>
					<p>杰朴森公众号</p>
				</div>
				<dl>
					<dt>商家服务</dt>
					<dd><a href="">杰朴森规则</a></dd>
					<dd><a href="">商家入驻</a></dd>
					<dd><a href="">商家中心</a></dd>
					<dd><a href="">物流服务</a></dd>
					<dd><a href="">运营服务</a></dd>
				</dl>
				<dl>
					<dt>支付方式</dt>
					<dd><a href="">快捷支付</a></dd>
					<dd><a href="">信用卡</a></dd>
					<dd><a href="">蚂蚁借呗</a></dd>
					<dd><a href="">余额宝</a></dd>
					<dd><a href="">货到付款</a></dd>
				</dl>
				<dl>
					<dt>天猫保障</dt>
					<dd><a href="">发票保障</a></dd>
					<dd><a href="">售后规则</a></dd>
					<dd><a href="">缺货赔付</a></dd>
				</dl>
				
				<dl>
					<dt>购物指南</dt>
					<dd><a href="">免费支付</a></dd>
					<dd><a href="">开通支付宝</a></dd>
					<dd><a href="">支付宝支付</a></dd>
				</dl>
			</div>
			<div class="copyright">
				<div class="content">
					<div class="logo"></div>
					<ul>
			    		<li><a href="">首页</a></li>
			    		<li><a href="">瑜伽垫专区</a></li>
			    		<li><a href="">瑜伽球专区</a></li>
			    		<li><a href="">瑜伽辅具&健生器材</a></li>
			    		<li><a href="">瑜伽健身服</a></li>
			    		<li><a href="">PU橡胶垫</a></li>
			    		<li><a href="">印花橡胶垫</a></li>
		    	    </ul>
		    	    <p>2016 POWERED BY XUNGOU.COM. ALL RIGHTS RESERVED  闽ICP备17001625号-3</p>
				</div>
			</div>
		</div>
	</body>
</html>

